
const path = require('path')
const webpack = require('webpack')
const htmlWebpackPlugin = require('html-webpack-plugin')
const VueLoaderPlugin = require('./node_modules/vue-loader/lib/plugin')


 module.exports = {
    entry:path.join(__dirname,'./src/main.js'),
     output:{
        path:path.join(__dirname,'./dist'),
         filename:'bundle.js'
     },
     plugins: [new htmlWebpackPlugin({
         template: path.join(__dirname,'./src/index.html'),
         filename: "index.html"
     }),
         new VueLoaderPlugin()
     ],
     module: {
         rules: [
             {test: /\.css$/, use:['style-loader','css-loader']},
             {test: /\.less$/, use:['style-loader','css-loader','less-loader']},
             {test: /\.scss$/, use:['style-loader','css-loader','sass-loader']},
             {test: /\.(jpg|png|gif|bmp|jpeg)$/, use:'url-loader?limit756&name=[hash:2]-[name].[ext]'},
             {test: /\.(ttf|woff|woff2|eot|svg)$/, use:'url-loader'},
             {test: /\.js$/, use:'babel-loader', exclude: /node_modules/},
             {test: /\.vue$/, use:'vue-loader'}
         ]
     },
     resolve: {
         alias: {
             "vue$":"vue/dist/vue.js"
         }
     }
 }